
/**
 *  路由守卫拦截
 */
import router from '@/router'
import progress from 'nprogress' // 进度条包 包引入
import 'nprogress/nprogress.css' // 样式文件

//   to 要往哪个页面
// from 从哪个页面来的
// next 放行
router.beforeEach((to, from, next) => {
  // 开启进度条
  progress.start()
  if (to.path === '/home') { // 判断是否 直接访问 /home 路径
    const token = localStorage?.getItem('user-token') // 获取来访者的令牌
    if (token) {
      next()
    } else {
      next('/login') // 遣返登录页
      setTimeout(() => progress.done(), 500)
    }
  } else {
    // 不和首页相关的页面放行
    next()
  }
})

// 应该在全局后置守卫的位置关闭 此时已经完成了路由跳转进度条
router.afterEach(() => {
  // 处理 进度条关闭的问题
  setTimeout(() => progress.done(), 300)
})
